<div class="page-content">
 <!--pages/goods/index.wxml-->


 <div class="swiper-container" id="swiper-container-520275" >
    <div class="swiper-wrapper">
       <div class="swiper-slide" v-for="item in data.imglist">
         <img   :src="item.file_url+'?imageMogr2/thumbnail/800x'"> 
      </div>
    </div>
  </div>

<div class='goods-info'>
<div class="title mgt10">{{data.goods_name}}</div>
<div v-if="data.sub_title" class="light mgt10">{{data.sub_title}}</div>
<div class="goods-price mgt10">¥<span class='price'>{{choose_spec.spec_price?choose_spec.spec_price:data.price}}</span></div>
</div>
<div class='goods-spec' @click='chooseSpec' v-if="data.property_arr && data.property_arr[0]">选择：
  <span v-if="spec_keys_str" >{{spec_keys_str}}</span>
  <span v-else  v-for="item in data.property_arr">{{item.name}} </span>

</div>
<div class='goods-content pd10' v-if="data.content"  v-html="data.content"></div>
<div style='height:80px'></div>
<div class="goods-bottom"  style="z-index:9999">
    <div class="goods-bottom-left">
    
     <a :href="'tel://'+shopInfo.hotline" class="s_left" style="margin-left: 20px; display: block;">
         <div><i style="color: #f44;" class="icon iconfont icon-customerservice" ></i></div>
         <div>客服</div>
     </a>

      <div @click="gotCart" class="s_left" style="margin-left: 20px;">
        <div><i class="icon iconfont icon-qicheqianlian-1-copy"></i></div>
        <div>购物车</div>
      </div>
    </div>
   

     <div :loading="loading" :class="disabled==1?'goods-bottom-right btn disabled':'goods-bottom-right btn'" @click='buyNow' data-type="addtocart" >加入购物车</div>
   <div :loading="loading"     :class="disabled==1?'goods-bottom-right btn2 disabled':'goods-bottom-right btn2'" @click='buyNow' data-type="buyNow">立即购买</div>

</div>

 <!--选规格弹出层-->
 
  <div class="popup" id="popup_goods">
   <div class="goodsItemBox">
      <image :src='data.default_img+"?imageMogr2/thumbnail/200x"'></image>
       <div class='goods-info'>
        <div class="title">{{data.goods_name}}</div>
        <div class="goods-price mgt5">¥<span class='price'>{{choose_spec.spec_price?choose_spec.spec_price:data.price}}</span></div>
        </div>
        <div class="clear"></div>
        <div class="line" style="  margin-top: 10px;"></div>
   </div>
  
 
    <div class="spec-box" v-if="data.property_arr" v-for="property in data.property_arr">
     <div class='spec-name'>{{property.name}}：</div>
      <div class="spec-sub-list mgt10">
         <div v-for="sub_property in property.sub"  :class='choose_property_data_copy[property.name]==sub_property.text?"spec-sub-name on":"spec-sub-name"' :data-property="property.name" :data-sub-property="sub_property.text"  v-on:click="chooseProperty($event)">{{sub_property.text}}</div>
     <div class='clear'></div>
     </div>
    </div>
 
 
  </div>
  <!--弹出层-->


</div>
